<!DOCTYPE html>
<html class="no-js" lang="">
  <head>
    <meta charset="utf-8" />
    <title>Dexon - Data Science & Analytics HTML5 Template</title>
    <meta name="description" content="" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <meta property="og:title" content="" />
    <meta property="og:type" content="" />
    <meta property="og:url" content="" />
    <meta property="og:image" content="" />

    <link rel="manifest" href="site.webmanifest" />
    <link rel="apple-touch-icon" href="icon.png" />
    <!-- Place favicon.ico in the root directory -->

    <!-- Bootstrap css -->
    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
    <!-- Vendors Plugins -->
    <link rel="stylesheet" href="assets/vendor/fontawesome/css/all.css" />
    <link rel="stylesheet" href="assets/vendor/slick/slick-theme.css" />
    <link rel="stylesheet" href="assets/vendor/slick/slick.css" />
    <link rel="stylesheet" href="assets/vendor/animation/animate.css" />
    <link rel="stylesheet" href="assets/vendor/venobox/venobox.css" />
    <link rel="stylesheet" href="assets/vendor/flaticon/flaticon.css" />
    <link rel="stylesheet" href="assets/vendor/arrow-font/flaticon.css" />
    <!-- style css -->
    <link rel="stylesheet" href="assets/css/style.css" />
    <!-- responsive css -->
    <link rel="stylesheet" href="assets/css/responsive.css" />

    <meta name="theme-color" content="#fafafa" />
  </head>

  <body id="home">
    
  <main class="large-container">
      <!-- preloader start -->
      <div id="loading">
        <img src="assets/images/preloader.gif" alt="">
      </div>

      <header class="topbar-nav">
        <div class="header-topbar d-none d-lg-block">
          <div class="container">
            <div class="row align-items-center">
              <div class="col-xl-7 col-lg-8">
                <ul class="header-info top-info">
                  <li>
                    <i class="fa fa-phone"></i>
                    +1 336 756 7725
                  </li>

                  <li>
                    <i class="fa fa-envelope"></i>
                    example@gmail.com
                  </li>

                  <li>
                    <i class="fa fa-map-marker"></i>
                    37 new lane, NY-5604
                  </li>
                </ul>
              </div>

              <div class="col-xl-5 col-lg-4">
                <div class="text-lg-right">
                    <ul class="header-social-links top-info">
                      <li><a href="#"><i class="fab fa-facebook"></i></a></li>
                      <li><a href="#"><i class="fab fa-instagram"></i></a></li>
                      <li><a href="#"><i class="fab fa-twitter"></i></a></li>
                      <li><a href="#"><i class="fab fa-linkedin"></i></a></li>
                    </ul>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Main Menu Start -->
        <div class="site-navigation menu-transparent ">
          <nav class="navbar navbar-expand-lg navbar-light navbar-sticky">
            <div class="container">
              <a class="navbar-brand" href="index.html">
                <img src="assets/images/logo-dark.png" alt="Dexon" class="img-fluid" />
              </a>

              <!-- Toggler -->
              <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarMenu" aria-controls="navbarMenu" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
              </button>
      
              <!-- Collapse -->
              <div class="collapse navbar-collapse  mainmenu" id="navbarMenu">
                <ul class="navbar-nav mx-auto">
                  <li class="nav-item dropdown ">
                    <a class="nav-link dropdown-toggle" href="#" id="navbar1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Home
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbar1">
                        <a class="dropdown-item " href="index.html">
                          Home 1
                      </a>
                      <a class="dropdown-item " href="index-2.html">
                          Home 2
                      </a> 
                      <a class="dropdown-item " href="index-3.html">
                        Home 3
                      </a> 
                    </div>
                  </li>

                  <li class="nav-item ">
                    <a href="about.html" class="nav-link"> About </a>
                  </li>

                  <li class="nav-item">
                    <a href="service.html" class="nav-link"> Services </a>
                  </li>
                  <li class="nav-item">
                    <a href="portfolio.html" class="nav-link "> Portfolio</a>
                  </li>

                  <li class="nav-item dropdown">
                    <a class="nav-link dropdown-toggle" href="#" id="navbar3" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        Blog
                    </a>
                    <div class="dropdown-menu" aria-labelledby="navbar3">
                        <a class="dropdown-item " href="blog.html">
                          Blog
                      </a>
                      <a class="dropdown-item " href="blog-right.html">
                          Blog Right Sidebar
                      </a>
                      <a class="dropdown-item " href="blog-single.html">
                          Blog Single
                      </a> 
                      <a class="dropdown-item " href="blog-single-right.html">
                          Blog Single with sidebar
                        </a> 
                    </div>
                  </li>

                  <li class="nav-item">
                    <a href="contact.html" class="nav-link"> Contact </a>
                  </li>
                </ul>

                <div class="header-btn d-none d-lg-block">
                  <a href="contact.html" class="btn btn-main">Get In touch</a>
                </div>
              </div>
              <!-- / .navbar-collapse -->
            </div>
            <!-- / .container -->
          </nav>
        </div>
      </header>
      <!-- Header ENd -->
        
    <!-- Banner Section Start -->
    <section class="banner-3 section">
      <div class="banner-bg-btm"></div>
        <div class="container">
          <div class="row ">
            <div class="col-xl-6">
                <div class="banner-content">
                  <h1 class="mb-40" >How Data Science is Building Learning </h1>
                  <p class="mb-40">Sed a magna semper porta purus eu ullamcorper ligula. Nam sit amet consecteturdui ipssum viverra vel turpis ut dignissim elementum mauris. Sed dapibus auctor scelerisque. Aenean at leo tellus Morbi eu leo sapien.</p>
                  
                  <div class="btn-container">
                    <a href="about.html" class="btn btn-main btn-radius mr-4">Read More</a>
                    <a href="https://www.youtube.com/watch?v=RxMc-LfcK4c" class="video-box venobox wow slideInUp" data-wow-duration="3s" data-wow-delay="2s" data-vbtype="video"> 
                      <span class="video-icon"><i class="flaticon flaticon-play"></i></span><span class="video-text">Watch Video</span>
                    </a>
                  </div>
                </div>
            </div>

            <div class="col-xl-6 align-self-xl-center">
                <div class="banner-3-img">
                  <div class="banner-img3 d-none d-lg-block d-xl-block ">
                    <div class="banner-3-shape">
                      <img src="assets/images/banner/banner-3-main.png" alt="" class="img-fluid ">
                    </div>
                    <div class="banner3-main-img">
                      <img src="assets/images/banner/banner-3-main3.png" alt="" class="img-fluid ">
                        <div class="banner-3-shape1">
                          <img src="assets/images/banner/sm-shape1.png" alt="" class="img-fluid ">
                        </div>
                        <div class="banner-3-shape2">
                          <img src="assets/images/banner/sm-shape2.png" alt="" class="img-fluid ">
                        </div>
                    </div>
                  </div>
                </div>
            </div>
          </div>
        </div>
    </section>
    <!-- Banner Section End -->

      <!-- Research Section Start -->
      <section class="research pt-70 pb-100 section">
      <div class="container">
        <div class="row">
            <div class="col-xl-6 col-lg-12">
              <div class="research-img mb-5 mb-xl-0" data-tilt>
                <img src="assets/images/about/about-bg2.png" alt="" class="img-fluid ">
              </div>
            </div>

            <div class="col-xl-6 col-lg-12" >
              <div class="research-content" >
              <div class="section-heading mb-35">
                <span class="text-primary text-uppercase mb-10 d-inline-block wow fadeInUp" data-wow-delay=".2s">Ux Research</span>
                <h2 class="mb-20 wow fadeInUp" data-wow-delay=".2s">Technology Research</h2>
                <p class="wow fadeInUp" data-wow-delay=".2s">Phasellus dignissim tellus in pellentesque mollis mauris orci dignissim 
                  nisl id gravida nunc enim quis nibh.</p>
              </div>

              <ul class="list-unstyled mb-40 icon-list wow fadeInUp" data-wow-delay=".3s" >
                <li><i class="flaticon flaticon-check"></i>Integer at faucibus urna nullam condimentum glitch detos. </li>
                <li><i class="flaticon flaticon-check"></i>In consequat quam id sodales hendrerit eros mi moles diuts advert </li>
                <li><i class="flaticon flaticon-check"></i>IDonec dapibus mauris id odio ornare te.</li>
              </ul>

              <div class="wow fadeInUp" data-wow-delay=".3s">
                <a href="about.html" class="btn btn-main btn-radius">Read More</a>
              </div>
              </div>
            </div>
        </div>
      </div>
    </section>
    <!-- Research Section End -->

    <!-- About Section Start -->
    <section class="about pb-90 section">
      <div class="container">
        <div class="row align-items-center">
          <div class="col-xl-6 col-lg-12">
            <div class="about-content-wrapper ">
              <div class="row">
                <div class="col-xl-12 col-lg-8">
                  <div class="section-heading mb-50 text-center text-sm-left overflow-hidden" >
                    <span class="text-primary text-uppercase mb-10 d-inline-block wow slideInLeft"  data-wow-delay=".1s">Our company</span>
                    <h2 class="wow slideInLeft" data-wow-delay=".2s">Dexon Provide Real Time Data Solutions </h2>
                  </div>
                </div>
              </div>

              <div class="about-content">
                <div class="row">
                  <div class="col-xl-12 col-lg-6">
                      <div class="about-item mb-25 wow slideInUp"  data-wow-delay=".2s">
                        <div class="icon-box">
                          <i class="flaticon flaticon-database"></i>
                        </div>
                        <div class="about-item-content">
                          <h4 class="mb-15">Big Data Consulting</h4>
                          <p>Etiam facilisis ligula nec velit posuere egestas. Nunc dictum lecus 
                          sem, vel dignissim purus luctus quis.</p>
                        </div>
                      </div>
                  </div>
                  <div class="col-xl-12 col-lg-6">
                    <div class="about-item mb-25 wow slideInUp" data-wow-delay=".3s">
                      <div class="icon-box">
                        <i class="flaticon flaticon-connection"></i>
                      </div>
                      <div class="about-item-content">
                        <h4 class="mb-15">Data Modules</h4>
                        <p>Etiam facilisis ligula nec velit posuere egestas. Nunc dictum lecus 
                        sem, vel dignissim purus luctus quis.</p>
                      </div>
                    </div>
                  </div>
                  <div class="col-xl-12 col-lg-6">
                    <div class="about-item wow slideInUp" data-wow-delay=".4s">
                      <div class="icon-box">
                        <i class="flaticon flaticon-data-scientist"></i>
                      </div>
                      <div class="about-item-content">
                        <h4 class="mb-15">Machine Learning</h4>
                        <p>Etiam facilisis ligula nec velit posuere egestas. Nunc dictum lecus 
                        sem, vel dignissim purus luctus quis.</p>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
          <div class="col-xl-6 col-lg-12">
              <div class="about-img mt-5 mt-xl-0 wow zoomIn"  data-wow-delay=".2s" data-tilt>
                <img src="assets/images/about/about.png" alt="" class="img-fluid mx-auto">
              </div>
          </div>
        </div>
      </div>
    </section>
    <!-- About Section End-->

      <!-- Services Section Start -->
      <section  class="service section-padding bg-primary-light pb-110 section">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-xl-8">
              <div class="section-heading text-center mb-60" >
                <span class="text-primary text-uppercase mb-10 d-inline-block wow slideInUp"  data-wow-delay="0s">solutions</span>
                <h2 class="wow slideInUp"  data-wow-delay=".1s">Wide Range of Services</h2>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-xl-4 col-md-6">
              <div class="bg-white p-50 text-center pt-70 service-item mb-4 mb-xl-0 wow pulse" data-wow-delay="200ms" data-tilt>
                <div class="icon-box mb-50">
                  <i class="flaticon flaticon-database"></i>
                </div>
                <h3 class="mb-20">Data Security</h3>
                <p class="mb-30">Etiam facilisis ligula nec velita posuegestas. Nunc dictum lectus sem vel dignissim purus.</p>
                <a href="service.html" class="btn btn-solid-border btn-radius">Read More</a>
              </div>
            </div>

            <div class="col-xl-4 col-md-6">
              <div class="bg-white p-50 text-center pt-70 service-item mb-4 mb-xl-0 wow pulse"  data-wow-delay="600ms" data-tilt> 
              <div class="icon-box mb-50">
                <i class="flaticon flaticon-database-storage"></i>
              </div>
                <h3 class="mb-20">Data Analysis</h3>
                <p class="mb-30">Etiam facilisis ligula nec velita posuegestas. Nunc dictum lectus sem vel dignissim purus.</p>
                <a href="service.html" class="btn btn-solid-border btn-radius">Read More</a>
              </div>
            </div>
            
            <div class="col-xl-4 col-md-6">
              <div class="bg-white p-50 text-center pt-70 service-item mb-4 mb-xl-0 wow pulse"  data-wow-delay="800ms" data-tilt>
              <div class="icon-box mb-50">
                <i class="flaticon flaticon-connection"></i>
              </div>
                <h3 class="mb-20">AI Solutions</h3>
                <p class="mb-30">Etiam facilisis ligula nec velita posuegestas. Nunc dictum lectus sem vel dignissim purus.</p>
                <a href="service.html" class="btn btn-solid-border btn-radius">Read More</a>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Services Section End -->
      
      <!-- How it Works  Section Start -->
      <section class="process section-padding pb-70 section">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-xl-8">
              <div class="section-heading text-center mb-70">
                <span class="text-primary text-uppercase mb-10 d-inline-block wow slideInUp" data-wow-duration="1s"  data-wow-delay="0s">work Process</span>
                <h2 class="wow slideInUp" data-wow-duration="1s"  data-wow-delay=".1s">How It Works</h2>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-xl-4 col-lg-4">
              <div class="process-item mb-5 mb-xl-0 text-center item-arrow-left wow zoomIn"  data-wow-delay=".1s">
                <div class="process-icon">
                  <span>1</span>
                  <i class="flaticon flaticon-connection"></i>
                </div>
                <h3 class="mb-20">Problem Statement</h3>
                <p class="mb-30">Euisque suscipit ipsum est, eu venenatis leo ornare eget. Ut porta facilisis.</p>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4">
              <div class="process-item mb-5 mb-xl-0 text-center item-arrow-right wow zoomIn"  data-wow-delay=".3s">
                <div class="process-icon">
                  <span>2</span>
                  <i class="flaticon-creative-idea"></i>
                </div>
                <h3 class="mb-20">Define Solution</h3>
                <p class="mb-30">Quisque suscipit ipsum est, eu venenatis leo ornare eget. Ut porta facilisis.</p>
              </div>
            </div>

            <div class="col-xl-4 col-lg-4">
              <div class="process-item text-center wow zoomIn"  data-wow-delay=".1s">
                <div class="process-icon">
                  <span>3</span>
                  <i class="flaticon flaticon-data-scientist"></i>
                </div>
                <h3 class="mb-20">Data Implement</h3>
                <p class="mb-30">Cras eu elit congue, placerat dui ut, tincidunt nisl Nulla leo elit phar.</p>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- How it Works Section End -->

      <!-- Portfolio Section Start -->
      <section  class="portfolio pt-100 bg-primary-light pb-85 section">
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-xl-8">
              <div class="section-heading text-center mb-60">
                <span class="text-primary text-uppercase mb-10 d-inline-block wow slideInUp"  data-wow-delay="0s">projects</span>
                <h2 class="wow slideInUp" data-wow-delay=".1s">Our portfolio</h2>
              </div>
            </div>
          </div>

          <div class="row">
            <div class="col-xl-3 col-lg-6 col-sm-6">
              <div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="100ms">
                  <div class="img-box">
                    <img src="assets/images/portfolio/portfolio-1.png" alt="portfolio-image" class="img-fluid">
                    <div class="overlay-content">
                      <a href="assets/images/portfolio/portfolio-lg-1.svg" class="venobox" data-gall="myGallery">
                        <i class="flaticon flaticon-plus"></i>
                      </a>
                    </div> 
                  </div> 
                <div class="content">
                  <h4><a href="portfolio-single.html">Automate Analysis</a></h4>
                  <p class="text-primary">Data Reseasrch</p>
                </div>
              </div>
            </div>

            <div class="col-xl-3 col-lg-6 col-sm-6">
              <div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="300ms">
                <div class="img-box">
                  <img src="assets/images/portfolio/portfolio-2.png" alt="portfolio-image" class="img-fluid">
                  <div class="overlay-content">
                    <a href="assets/images/portfolio/portfolio-lg-2.svg" class="venobox" data-gall="myGallery">
                      <i class="flaticon flaticon-plus"></i>
                    </a>
                  </div> 
                </div> 
                <div class="content">
                  <h4><a href="portfolio-single.html">Data Processign</a></h4>
                  <p class="text-primary">Data Analysis</p>
                </div>
              </div>
            </div>

            <div class="col-xl-3 col-lg-6 col-sm-6">
              <div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="400ms">
                <div class="img-box">
                  <img src="assets/images/portfolio/portfolio-3.png" alt="portfolio-image" class="img-fluid">
                  <div class="overlay-content">
                    <a href="assets/images/portfolio/portfolio-lg-3.svg" class="venobox" data-gall="myGallery">
                      <i class="flaticon flaticon-plus"></i>
                    </a>
                  </div> 
                </div>  
                <div class="content">
                  <h4><a href="portfolio-single.html">Data Implement</a></h4>
                  <p class="text-primary">Big Data</p>
                </div>
              </div>
            </div>

            <div class="col-xl-3 col-lg-6 col-sm-6">
              <div class="portfolio-item mb-4 text-center rounded bg-shadow item-common wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="500ms">
                <div class="img-box">
                  <img src="assets/images/portfolio/portfolio-4.png" alt="portfolio-image" class="img-fluid">
                  <div class="overlay-content">
                    <a href="assets/images/portfolio/portfolio-lg-4.svg" class="venobox" data-gall="myGallery">
                      <i class="flaticon flaticon-plus"></i>
                    </a>
                  </div> 
                </div> 
                <div class="content">
                  <h4><a href="portfolio-single.html">Data Research</a></h4>
                  <p class="text-primary">Automation</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </section>
      <!-- Portfolio Section End -->

    <!-- Testimonials Section Start -->
    <section  class="testimonial testimonial-3">
      <div class="testimonial-shape"></div>
      <div class="testimonial-shape2"></div>
        <div class="container">
          <div class="row justify-content-center">
            <div class="col-xl-8">
              <div class="section-heading text-center mb-70">
                <span class="text-uppercase mb-10 d-inline-block text-white wow slideInUp"  data-wow-delay="0s">testimonial</span>
                <h2 class="text-white wow slideInUp"  data-wow-delay=".1s">What Our Client Say</h2>
              </div>
            </div>
          </div>

          <div class="row justify-content-center">
            <div class="col-xl-7 col-lg-10">
                <div class="client-testimonials">
                    <div class="testimonial-item text-center">
                      <div class="client-img">
                        <img src="assets/images/clients/client-img1.png" alt="client-img" class="img-fluid">
                      </div>
                      <h4>Johnson Sabire</h4>
                      <span>Data Enthausist</span>

                      <p>Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. 
                        Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex 
                        interdum eu. Pellentesque rhoncus lectus sed posuere viverra</p>
                    </div>

                    <div class="testimonial-item text-center">
                      <div class="client-img">
                        <img src="assets/images/clients/client-img2.jpg" alt="client-img" class="img-fluid">
                      </div>
                      <h4>Paul Munni</h4>
                      <span>Enthausist</span>

                      <p>Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. 
                        Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex 
                        interdum eu. Pellentesque rhoncus lectus sed posuere viverra</p>
                    </div>

                    <div class="testimonial-item text-center">
                      <div class="client-img">
                        <img src="assets/images/clients/client-img3.jpg" alt="client-img" class="img-fluid">
                      </div>
                      <h4>Sabire Johnson </h4>
                      <span>Data Enthausist</span>

                      <p>Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. 
                        Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex 
                        interdum eu. Pellentesque rhoncus lectus sed posuere viverra</p>
                    </div>

                    <div class="testimonial-item text-center">
                      <div class="client-img">
                        <img src="assets/images/clients/client-img2.jpg" alt="client-img" class="img-fluid">
                      </div>
                      <h4>Mikel John</h4>
                      <span>Data Enthausist</span>

                      <p>Curabitur vulputate arcu odio, ac facilisis diam accumsan ut. Ut imperdiet et leo in vulputate. 
                        Sed eleifend lacus eu sapien sagittis imperdiet. Etiam tempor mollis augue, ut tincidunt ex 
                        interdum eu. Pellentesque rhoncus lectus sed posuere viverra</p>
                    </div>
                </div>
            </div>
          </div>
        </div>
    </section>
    <!-- Testimonials Section End -->

    <!-- Team Section Start -->
    <section  class="team pb-90 section pt-100">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-8">
            <div class="section-heading text-center mb-60">
              <span class="text-primary text-uppercase mb-10 d-inline-block wow slideInUp"  data-wow-delay="0s">experts</span>
              <h2 class="wow slideInUp" data-wow-delay=".1s">Team of Creatives</h2>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-xl-3 col-md-6 col-sm-12">
            <div class="team-item mb-4 text-center bg-shadow wow pulse"  data-wow-delay="100ms">
              <div class="img-box">
                <img src="assets/images/team/team-1.jpg" alt="team-image" class="img-fluid">
              </div>  
              <div class="team-content">
                <div class="team-front">
                  <h4>Johnson Sabire</h4>
                  <p class="text-primary">Ux Researcher</p>
                </div>

                <div class="team-back">
                  <div class="team-socials">
                    <a href="#"> <i class="fab fa-facebook"></i></a>
                    <a href="#"> <i class="fab fa-twitter"></i></a>
                    <a href="#"> <i class="fab fa-instagram"></i></a>
                    <a href="#"> <i class="fab fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 col-sm-12">
            <div class="team-item mb-4 text-center bg-shadow wow pulse" data-wow-delay="300ms">
              <div class="img-box">
                <img src="assets/images/team/team-2.jpg" alt="team-image" class="img-fluid">
              </div> 
              <div class="team-content">
                <div class="team-front">
                  <h4>Salehiin Sam</h4>
                  <p class="text-primary">Data Scientist</p>
                </div>

                <div class="team-back">
                  <div class="team-socials">
                    <a href="#"> <i class="fab fa-facebook"></i></a>
                    <a href="#"> <i class="fab fa-twitter"></i></a>
                    <a href="#"> <i class="fab fa-instagram"></i></a>
                    <a href="#"> <i class="fab fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 col-sm-12">
            <div class="team-item mb-4 text-center bg-shadow wow pulse"  data-wow-delay="500ms">
              <div class="img-box">
                <img src="assets/images/team/team-3.jpg" alt="team-image" class="img-fluid">
              </div>  

              <div class="team-content">
                <div class="team-front">
                  <h4>Naida Cinthia</h4>
                  <p class="text-primary">Visual Designer</p>
                </div>

                <div class="team-back">
                  <div class="team-socials">
                    <a href="#"> <i class="fab fa-facebook"></i></a>
                    <a href="#"> <i class="fab fa-twitter"></i></a>
                    <a href="#"> <i class="fab fa-instagram"></i></a>
                    <a href="#"> <i class="fab fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>

          <div class="col-xl-3 col-md-6 col-sm-12">
            <div class="team-item mb-4 text-center bg-shadow wow pulse"  data-wow-delay="700ms">
              <div class="img-box">
                <img src="assets/images/team/team-4.jpg" alt="team-image" class="img-fluid">
              </div>  

              <div class="team-content">
                <div class="team-front">
                  <h4>John Aman</h4>
                  <p class="text-primary">Tech Guru</p>
                </div>

                <div class="team-back">
                  <div class="team-socials">
                    <a href="#"> <i class="fab fa-facebook"></i></a>
                    <a href="#"> <i class="fab fa-twitter"></i></a>
                    <a href="#"> <i class="fab fa-instagram"></i></a>
                    <a href="#"> <i class="fab fa-linkedin"></i></a>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </section>
    <!-- Team Section End -->

    <!-- BLog Section Start -->
    <section  class="blog-news section-padding bg-primary-light pb-110 section">
      <div class="container">
        <div class="row justify-content-center">
          <div class="col-xl-8">
            <div class="section-heading text-center mb-60">
              <span class="text-primary text-uppercase mb-10 d-inline-block">blog</span>
              <h2>Latest News</h2>
            </div>
          </div>
        </div>

        <div class="row">
          <div class="col-xl-4 col-md-6">
              <div class="blog-item bg-shadow bg-white mb-4 mb-xl-0 wow fadeInUp"  data-wow-delay=".1s" data-wow-duration="1000ms">
                <div class="img-box">
                  <img src="assets/images/blog/blog-1.svg" alt="" class="img-fluid">
                </div>
                <div class="blog-content">
                  <div class="post-meta">
                    <span><i class="flaticon flaticon-calendar mr-2"></i>Dec 15, 2020</span>
                    <span><i class="flaticon flaticon-chat mr-2"></i>20 Comments</span>
                  </div>
                  <h4><a href="blog-single.html">Only Data Can Produce the things of Internet</a></h4>
                  <a href="blog-single.html" class="btn btn-solid-border btn-radius">Read More</a>
                </div>
              </div>
          </div>

          <div class="col-xl-4 col-md-6">
              <div class="blog-item bg-shadow bg-white mb-4 mb-xl-0 wow fadeInUp" data-wow-delay=".2s" data-wow-duration="1000ms">
                <div class="img-box">
                  <img src="assets/images/blog/blog-2.svg" alt="" class="img-fluid">
                </div>
                <div class="blog-content">
                  <div class="post-meta ">
                    <span><i class="flaticon flaticon-calendar mr-2"></i>Dec 15, 2020</span>
                    <span><i class="flaticon flaticon-chat mr-2"></i>20 Comments</span>
                  </div>
                  <h4><a href="blog-single.html">Only Data Can Produce the things of Internet</a></h4>
                  <a href="blog-single.html" class="btn btn-solid-border btn-radius">Read More</a>
                </div>
              </div>
          </div>

          <div class="col-xl-4 col-md-6">
              <div class="blog-item bg-shadow bg-white mb-4 mb-xl-0 wow fadeInUp"  data-wow-delay=".3s" data-wow-duration="1000ms">
                <div class="img-box">
                  <img src="assets/images/blog/blog-3.svg" alt="" class="img-fluid">
                </div>
                <div class="blog-content">
                  <div class="post-meta ">
                    <span><i class="flaticon flaticon-calendar mr-2"></i>Dec 15, 2020</span>
                    <span><i class="flaticon flaticon-chat mr-2"></i>20 Comments</span>
                  </div>
                  <h4><a href="blog-single.html">Only Data Can Produce the things of Internet</a></h4>
                  <a href="blog-single.html" class="btn btn-solid-border btn-radius">Read More</a>
                </div>
              </div>
          </div>
        </div>
      </div>
    </section>
    <!-- BLog Section End -->

  <!-- CTA Section Start -->
  <section class="subscribe pb-90 bg-primary section subscribe-3">
    <div class="sub-shape"></div>
    <div class="container">
      <div class="row align-items-center">
        <div class="col-xl-7 col-lg-8">
          <div class="section-heading text-center text-lg-left mb-4 mb-lg-0">
            <span class="text-white text-uppercase mb-10 d-inline-block">subscribe</span>
            <h2 class="text-white">Subscribe to Get Updates</h2>
          </div>
        </div>

        <div class="col-xl-5 col-lg-4">
          <div class="subscribe-form ">
              <form action="#" class="sub-form">
                  <input type="text" class="form-control" placeholder="Enter your email address">
                  <a href="#"><i class="flaticon flaticon-paper-plane"></i></a>
              </form>
          </div>
        </div>
      </div>
    </div>
  </section>
  <!-- CTA Section End -->

  <!-- Footer Start -->
  <footer class="footer ">
    <div class="footer-top">
      <div class="container">
        <div class="row">
            <div class="col-xl-3 col-md-6 col-sm-6">
              <div class="footer-widget mb-5 mb-xl-0">
                <div class="footer-logo">
                  <img src="assets/images/logo-light.png" alt="" class="img-fluid">
                </div>
                <p>Duis porta, ligula rhoncus euismod pretium, nisi tellus eleifend odio.</p>
              </div>
            </div>

            <div class="col-xl-3 col-md-6 col-sm-6">
              <div class="footer-widget mb-5 mb-xl-0 pl-xl-3">
                <h3>Quick Links</h3>

                <ul class="list-unstyled">
                  <li><a href="#">About Company</a></li>
                  <li><a href="#">Company History</a></li>
                  <li><a href="#">Services</a></li>
                  <li><a href="#">Terms & Conditions</a></li>
                </ul>
              </div>
            </div>

            <div class="col-xl-2 col-md-6 col-sm-6">
              <div class="footer-widget mb-5 mb-xl-0">
                <h3>Support</h3>

                <ul class="list-unstyled">
                  <li><a href="#">Contact Info</a></li>
                  <li><a href="#">Forum</a></li>
                  <li><a href="#">Legal</a></li>
                  <li><a href="#">Chat</a></li>
                </ul>
              </div>
            </div>

            <div class="col-xl-3 col-md-6 col-sm-6 offset-xl-1 col-lg-5">
              <div class="footer-widget mb-5 mb-xl-0">
                <h3>Contact</h3>

                <ul class="list-unstyled">
                  <li><strong>Address:</strong> 147/28, New jursey area
                    NY-5604</li>
                  <li><a href="malito:example@gmail.com"><strong>Email:</strong> example@gmail.com</a></li>
                  <li><a href="#"><strong>Phone:</strong> +1 336 998 1443</a></li>
                </ul>
              </div>
            </div>
        </div>
      </div>
    </div>

    <div class="footer-copyright">
      <div class="container">
        <div class="row">
          <div class="col-xl-6 col-sm-6">
            <p class="copyright text-center text-sm-left text-lg-left">Copyright &copy; 2021.Company name All rights reserved.<a target="_blank" href="https://sc.chinaz.com/moban/">&#x7F51;&#x9875;&#x6A21;&#x677F;</a></p>
          </div>

          <div class="col-xl-6 col-sm-6">
            <div class="footer-socials text-center text-xl-right">
              <a href="#"><i class="flaticon flaticon-facebook"></i></a>
              <a href="#"><i class="flaticon flaticon-instagram"></i></a>
              <a href="#"><i class="flaticon flaticon-twitter"></i></a>
              <a href="#"><i class="flaticon flaticon-linkedin"></i></a>
            </div>
          </div>
        </div>
      </div>
    </div>
  </footer>
  <!-- Footer ENd -->
  <div class="fixed-btm-top">
    <a href="#home" class="smoth-scroll scroll-to-top bg-shadow"><i class="fa fa-angle-up"></i></a>
  </div>
</main>


    <!-- Main Jquery Files -->
    <script src="assets/js/jquery-3.5.1.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <!-- Vendors Plugins js -->
    <script src="assets/vendor/slick/slick.min.js"></script>
    <script src="assets/vendor/venobox/venobox.js"></script>
    <script src="assets/vendor/animation/tilt.js"></script>
    <script src="assets/vendor/parallax/parallax.js"></script>
    <!-- <script src="assets/vendor/parallax/parallax-scroll.js"></script> -->
    <script src="assets/vendor/animation/wow.min.js"></script>
    <script src="assets/vendor/counterup/jquery.waypoints.min.js"></script>
    <script src="assets/vendor/counterup/jquery.counterup.min.js"></script>
    <script src="https://ditu.google.cn/maps/api/js?sensor=false&amp;libraries=geometry&amp;v=3.22&amp;key=AIzaSyChs2QWiAhnzz0a4OEhzqCXwx_qA9ST_lE"></script>
    <script src="assets/js/map.js"></script>
    
    <!-- Main Script js -->
    <script src="assets/js/scripts.js"></script>

  </body>
</html>
